<template>
    <div class="single-doctor">
        <a class="tdoctor"  data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z" @mousemove="show()" @mouseout="hidde()">
                        <figure>
                            <slot name="a"></slot>
                          <!-- <img src="images/hph.jpg" /> -->
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path v-show="active" d="M 180,160 0,218 0,0 180,0 z" /></svg>
                          <figcaption>
                            <slot name="b"></slot>
                            <slot name="c"></slot>
                            <!-- <h2>韩佩恒</h2>
                            <p>南京邮电大学</p> -->
                          </figcaption>
                        </figure>
                      </a>
                    </div>
</template>

<script>
export default {
  data () {
    return {
      active: true
    }
  },
  methods: {
    show () {
      this.active = false
    },
    hidde () {
      this.active = true
    }
  }
}
</script>
